<template>
	<div class="card-pay-success">
		<div class="card-pay-success-box">
			<div class="seckill-pay-success-icon"></div>
			<p class="seckill-pay-success-inform">
				{{title}}
			</p>
		</div>
		<div class="card-see">
			<a :href="skipLink">{{skipName}}<span class="iconfont icon-arrows"></span></a>
		</div>
	</div>
</template>

<script>

	export default {
		
	    data:function(){
	    	return {
	    		title:'',
	    		skipName:'',
	    		skipLink:''
	    	}
	    },
	    ready:function(){
	    	var getSuccess = JSON.parse(localStorage.cardUesSuccessInfo);
	      		
	    		this.title = getSuccess.title;
	    		this.skipName = getSuccess.skipName; 
	    		this.skipLink = getSuccess.skipLink;
	    }
	}
</script>

<style lang="scss">
 
	@import '../../assets/css/_functions.scss';
	@import '../../assets/css/_variables.scss';
	
	.seckill-pay-success-icon {
		width: 78px;
		height: 78px;
		border: 1px solid #ccc;
		margin: 0 auto 5% auto;
	}
	.seckill-pay-success-inform {
		text-align: center;
		font-size: rem(20);
		font-weight: bold;
	}
	.seckill-pay-success-inform a {
		color: #333;
	}
	.card-pay-success {
		
	}
	.card-pay-success-box {
		background-color: #fff;
		padding: rem(41) 0 rem(32) 0;
		margin-bottom: rem(15);
	}
	.card-see {
		height: rem(44);
		line-height: rem(44);
		background-color: #fff;
		padding: 0 rem(14);
	}
	.card-see a {
		color: #333;
		font-size: rem(14);
	}
	.card-see span {
		float: right;
		color: #c7c7cc;		
	}
</style>